@import url("bootstrap-local.css");

* {
    font-family: sans;
}

body {
    font-size: 12px;
}

h1, h2, h3, h4 {
    margin: 1em 0 1ex 0;
}

.navbar h1 {
    margin: 0 !important;
}

h1 {
    font-size: 2em;
}
h2 {
    font-size: 1.75em;
}
h3 {
    font-size: 1.5em;
}
h4 {
    font-size: 1.25em;
}

label > input.img-radio-button {
    visibility: hidden;
    position: absolute;
}
label > input.img-radio-button + img {
    border: 3px solid transparent;
    padding: 1px;
}
label > input.img-radio-button:checked + img {
    background: red;
    border-color: #f00;
    border-radius: 5px;
}

ul.media-list {
    list-style: none;
}
ul.media-list li > .well:hover {
    border-color: gray;
}

ul.media-list a.poster-link {
    display: block;
    text-align: center;
}

ul.media-list a.poster-link > img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
}
ul.thumb-list > li {
    float: left;
}

.video-player {
    text-align: center;
}

.media-player {
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.media-player.audio {
    width: 100%;
}
